.date-range-picker {
  position: relative;
  &-input {
    .ant-input {
      cursor: pointer;
      color: transparent;
      text-shadow: 0 0 0 $font-default;
      &.ant-input-disabled {
        text-shadow: 0 0 0 $font-disabled;
        cursor: not-allowed;
      }
    }
  }
  .ant-select-selection__clear {
    opacity: 0;
    right: 13px;
    z-index: 3;
    margin: 0;
    &.default {
      top: 10px;
    }
    &.small {
      top: 6px
    }
    &.large {
      top: 14px;
    }
  }
  &:hover {
    .ant-select-selection__clear {
      opacity: 1;
    }
  }
}

.date-range-picker-popover {
  width: 400px;
  &-content {
    &-date {
      margin-bottom: 12px;
      .ant-col-7 {
        line-height: 32px;
        text-align: right;
      }
      &-picker {
        width: 100%;
      }
    }
    &-radio {
      line-height: 32px;
      margin-bottom: 12px;
      .ant-col-7 {
        text-align: right;
      }
    }
  }
}
